<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

<style>
    *{
        margin: 0;
        padding: 0;
    }

    .box{
        width: 100px;
        height: 100px;
        background-color: yellow;
        position: absolute;
        /* 绝对定位 脱落文档流  */
        top: 100px;
        left: 100px;
    }
    .box p{
        font-size: 12px;
        color: #00F;
    }


</style>
</head>
<body>

    <div><p>1111111111</p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel, nam reprehenderit quae saepe, obcaecati inventore assumenda placeat adipisci eius ut consectetur fugiat quisquam expedita distinctio recusandae! Minus doloremque atque dicta! Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde possimus commodi quae, autem laboriosam magni quia dolores quam fuga, id molestias delectus esse recusandae consequuntur enim, ullam saepe ipsum. Recusandae. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam omnis inventore, voluptas necessitatibus hic tenetur officia laudantium cupiditate ea esse eum, libero sed unde quas sequi voluptatem dicta debitis doloribus?</div>

    <div class="box"></div>
</body>
</html>